Uber - Design Platform 優步設計平臺

面對每天超過1000萬次的出行服務,以及不斷擴充套件的產品範圍,我們需要一個能確保統一使用者體驗的解決方案。這就是我們的設計平臺:一個既支援優步平臺化發展,又為設計師提供統一基礎元素的系統,讓創新與規範並存。

A platform for design 設計平臺

我們快速推出了優步的應用和服務。最初,分散式系統讓我們能創新實驗,但也導致使用者體驗不統一。我們發現,雖然不同使用者場景各異,但其基礎互動模式相似。關注這些共同模式,我們能在各產品和地區提供一致體驗。

如今,優步是一個生態系統平臺,其優勢在於服務間的互聯互通。隨著平臺發展,我們的設計流程也在進化。我們需要幫助設計師同步的工具、通用設計庫,以及將模式應用到多樣化體驗的方法。這個系統要能容納創新,同時保持使用者熟悉的體驗。

The Base design system Base設計系統

透過在基礎層面構建設計,我們建立了一個靈活的系統,既賦予設計師探索的自由,又將一致性和質量保持在核心位置。2018年,我們開發併發布了開源的Web React元件庫Base Web。

我們選擇"Base"這個名字是因為它專注於基礎元素,包括字型、顏色、網格、圖示以及按鈕、列表和控制元件等基本元件。現在它已成為我們所有產品的UI框架。

Designers shouldn't be checking their work against a design system, but rather integrating it with their natural workflow 設計系統應融入設計師的自然工作流程,而不是成為檢查清單

設計系統應成為效率和一致性的工具。Base採用精簡設計:4種字型、3種主色和5種基礎尺寸,全部基於4畫素網格。就像搭建積木:基礎元件可以構建出豐富多樣的介面。雖然元件本身很基礎,但透過樣式覆蓋可以靈活定製,實現多種配置。

Our Styleguide app allows designers to test different configurations for components 樣式指南應用讓設計師測試元件配置

統一設計系統讓我們專注於虛擬與現實世界的互動,最佳化設計流程的同時讓設計師更好地創造實際價值。

The Base design system 檔案和資源

頻繁查詢參考檔案會打斷設計師的工作流程。為解決這個問題,我們直接在設計工具中整合了檔案。我們使用Figma作為主要設計工具,在雲端維護統一檔案。我們的庫包含UI元件、使用指南和正確錯誤示例,讓設計師能在一處獲取所需資源。

歷史上優步各產品使用不同的圖示風格。雖然最初考慮到使用者場景差異採用這種方法,但我們發現一套通用的交通和生活方式圖示能滿足所有產品需求。我們建立了統一的圖示系統,由專門的創意團隊負責處理設計需求。

Our design process doesn’t stop at creation: it has been thought through for the whole production chain, from receiving requests to providing access. 重視設計的全過程:設計不只是畫圖,還包括從開始收到任務到最後交付使用的每一個環節。

我們的設計資源支援產品設計、市場營銷和工程開發。我們建立了統一系統,讓設計師能在Figma共享庫中訪問向量資源和標籤元件,同時為市場營銷人員提供簡單的內部網站,可直接搜尋和下載PNG檔案。

The human platform 人本平臺

Components, design systems, and tools are valuable only as long as people are familiar with them.元件、設計系統和工具只有在人們熟悉它們時才能發揮價值。

經過多年探索,我們明白了一個道理:要讓設計系統持續發展,最重要的是建立一個活躍的使用者社群。我們開發了一個叫DesignKit的Mac OS選單欄工具,讓設計師快速訪問資源。它可以隨時更新內容,並透過推送通知傳送簡短更新,避免了使用郵件和簡報時的資訊過載問題。

It goes without saying that tools don’t make the design. 不言而喻,工具並不能決定設計的好壞。

設計最終是透過協作、討論、經驗和努力實現的。為了掌握產品設計師的工作進展,我們嚴格分配時間進行設計評審、一對一會議、工作坊以及其他各種正式和臨時的面對面交流。

文化是關鍵。我們推崇開放式設計,鼓勵分享與協作。設計系統不是規則集,而是成長型生態系統。設計平臺培養系統思維,涵蓋網格、排版、語言等核心要素,讓團隊協同設計並建立產品質量標準。